<div class="card border-info m-3">
    <h5 class="card-header bg-info text-white">修改</h5>
    <div class="card-body">
        <h5 class="card-title">基础信息</h5>
        <p class="card-text">请按内容提示，录入相关信息。</p>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">订单号</button>
                    </div>
                    <input type="text" class="form-control border-info" readonly [value]="domain?.serOrderNo">
                </div>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">总金额</button>
                    </div>
                    <input type="text" class="form-control border-info" readonly [value]="domain?.serTotalFee">
                </div>
            </div>
        </div>
        <div class="row mb-3">
                <div class="col-6">
                    <div class="input-group">
                        <div class="input-group-prepend w-25">
                            <button class="btn btn-info border-info w-100" type="button">订单类型</button>
                        </div>
                        <input type="text" class="form-control border-info" readonly [value]="zero3Enum.ORDER_TYPE_FLAG.get(domain?.serOrderType)">
                    </div>
                </div>
                <div class="col-6">
                    <div class="input-group">
                        <div class="input-group-prepend w-25">
                            <button class="btn btn-info border-info w-100" type="button">支付方式</button>
                        </div>
                        <input type="text" class="form-control border-info" readonly [value]="zero3Enum.PAY_TYPE_FLAG.get(domain?.serPaymentType)">
                    </div>
                </div>
            </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">订单状态</button>
                    </div>
                    <input type="text" class="form-control border-info" [readonly]="true" [value]="extend.orderStatus()">
                </div>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">备注</button>
                    </div>
                    <input type="text" class="form-control border-info" readonly [(ngModel)]="domain.serMemo">
                </div>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">物流公司</button>
                    </div>
                    <input type="text" class="form-control border-info" [readonly]="true" [value]="orderLogistics?.logisticsCompany">
                </div>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">物流单号</button>
                    </div>
                    <input type="text" class="form-control border-info" readonly [value]="orderLogistics?.logisticsNo">
                </div>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">收货地址</button>
                    </div>
                    <input type="text" class="form-control border-info" [readonly]="true" [value]="domain?.addressStr + ' ' + domain?.addressDetail">
                </div>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">收货人</button>
                    </div>
                    <input type="text" class="form-control border-info" readonly [value]="domain?.receiverName">
                </div>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-6">
                    <div class="input-group">
                            <div class="input-group-prepend w-25">
                                <button class="btn btn-info border-info w-100" type="button">收货人电话</button>
                            </div>
                            <input type="text" class="form-control border-info" [readonly]="true" [value]="domain?.receiverPhone">
                    </div>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-6">
                <table class="table table-bordered text-nowrap bg-light zero3-list-table">
                    <thead class="sticky-top" style="top: 42px; z-index: 9">
                        <tr class="text-center table-primary">
                            <th scope="col"><span>商品</span></th>
                            <th scope="col"><span>数量</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <ng-container *ngFor="let item of orderLines; let i = index">
                            <tr>
                                <td>{{item?.serItemName}}</td>
                                <td>{{item?.serOrderCount}}</td>
                            </tr>
                        </ng-container>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="text-center mt-5">
            <button type="button" class="btn btn-outline-primary" (click)="func.update.req($event)">修改</button>
        </div>
    </div>
</div>

<span class="badge badge-info mr-3" *ngIf="errRes?.error?.timestamp !== null">response time:
    {{errRes?.error?.timestamp}}</span>

<div *ngIf="false">
    <p>{{errRes?.error}}</p>
    <p>{{errRes?.error?.code}}</p>
    <p>{{errRes?.error?.description}}</p>
    <p>{{errRes?.error?.theme}}</p>
    <p>{{errRes?.error?.timestamp}}</p>
    <p>{{errRes?.error?.detail?.RR?.duration}}</p>
    <p>{{errRes?.error?.detail['OrdOrder.serNum']}}</p>
    <p>{{errRes?.error?.detail['OrdOrder.serAudit']}}</p>
    <p>{{errRes?.error?.detail['OrdOrder.serValid']}}</p>
    <p>{{errRes?.error?.detail['OrdOrder.serValid2']}}</p>
    <p>{{errRes?.headers}}</p>
    <p>{{errRes?.message}}</p>
    <p>{{errRes?.name}}</p>
    <p>{{errRes?.ok}}</p>
    <p>{{errRes?.status}}</p>
    <p>{{errRes?.statusText}}</p>
    <p>{{errRes?.url}}</p>
</div>